<#assign pageTitle = "我的课程" />
<#assign pageHeader>
</#assign>
<#assign pageContent>
    <article class="w80 fl">
        <div class="u-r-cont">
            <section class="u-r-tit-all clearfix">
                <h2 class="clearfix fl">
                    <span class="unFw current">课程详情</span>
                </h2>
                <a href="/user/index.html" class="u-i-cou-back fr" title="返回课程列表">
                    <em class="icon18 u-i-c-bico">&nbsp;</em>
                    <tt class="fsize14 f-fM c-master vam">返回列表</tt>
                </a>
            </section>
            <section class="">
                <div class="u-r-all-box">
                    <section class="u-cous-inf-warp">
                        <article class="u-c-inf-pic">
                            <a href="/course/view/${course.courseId}.html">
                                <#if course.cover??>
                                    <img src="${staticSite}${course.cover}" class="img-responsive" alt="${course.courseName}" />
                                <#else >
                                    <img src="/static/qdxwx/img/coures.gif" class="img-responsive" alt="${course.courseName}" />
                                </#if>
                            </a>
                        </article>
                        <section class="hLh30 txtOf name">
                            <a href="/course/view/${course.courseId}.html">
                        <span class="fsize18 c-333 f-fM">
                             <#if course.sellType=='COURSE'>
                                 <tt class="c-master fsize18 f-fM">[ 录播课 ]&nbsp;</tt>
                             </#if>
                            <#if course.sellType=='LIVE'>
                                <tt class="c-master fsize18 f-fM">[ 直播 ]&nbsp;</tt>
                            </#if>
                            <#if course.sellType=='PACKAGE'>
                                <tt class="c-master fsize18 f-fM">[ 套餐 ]&nbsp;</tt>
                            </#if>
                            ${course.courseName}
                        </span>
                            </a>
                        </section>
                        <section class="u-c-if-nr mt10">
                            <p class="f-fM c-999 fsize14">
                                <tt class="c-666 f-fM fsize14">简介：</tt>
                                <tt class="c-999 f-fM fsize14">${course.intro}</tt>
                            </p>
                        </section>
                        <section class="hLh30 mt5 of">
                         <span class="">
                              <tt class="fsize14 c-666 f-fM vam">主讲：</tt>
                             <#list teacherList as teacher>
                                 <a href="/teacher/view/${teacher.id!}.html">
                                 <tt class="fsize14 c-666 f-fM vam " style="color: #eb7350">${teacher.name!}&nbsp;&nbsp;</tt>
                                 </a>
                             </#list>
                         </span>
                        </section>
                        <section class="hLh30 mt10 of">
                         <span class="fl u-tc-teach">
                              <tt class="fsize14 c-666 f-fM vam">价格：</tt>
                              <tt class="fsize18 c-master f-fM vam ">￥${course.price/100}</tt>
                         </span>
                            <span class="fl ml30">
                            <tt class="fsize14 c-666 f-fM vam">有效期：</tt>
                            <#if (course.expireDate?long < .now?long)>
                                <tt class="fsize14 c-master f-fM vam ">
                                    已结束
                                 </tt>
                            <#else >
                                ${course.expireDate}
                            </#if>
                        </span>
                        </section>
                        <section class="of hLh30 uc-c-infor-jd">
                            <div class="jdt-i-r clearfix">
                                <div class="fl fsize14 c-666 f-fM">学习进度：</div>
                                <div class="time-bar-wrap fl">
                                    <div class="lev-num-wrap" title="已学${course.studyPercent}%">
                                        <aside class='lev-num-bar <#if (course.studyPercent?number>=100)>bg-orange</#if> <#if (course.studyPercent?number<100)>bg-green</#if>' style="width: ${course.studyPercent}%;"></aside>
                                        <span class="lev-num"><big>${course.studyPercent}%</big>/<small>100%</small></span>
                                    </div>
                                </div>
                            </div>
                        </section>
                    </section>
                    <div class="">
                        <div class="u-r-all-box">
                            <section class="mt20 mb40">
                                <div class="lh-menu-wrap" id="courseNodeMenu">
                                    <#--如果是进入播放大厅则显示上次观看位置（个人中心课程列表有用到）-->
                                    <#include "uc-course-info-node-tree.ftl">
                                </div>
                            </section>
                        </div>
                    </div>
                </div>
            </section>
        </div>
    </article>
    <script type="text/javascript" src="/static/libs/jquery/jquery-3.6.0.min.js"></script>
    <script type="text/javascript" src="/static/js/course/course-uc.js"></script>
    <script>
        $(function(){
            treeMenu();
        });
    </script>
</#assign>
<#include "../layouts/layout_uc.ftl">
